layui的layer.open弹出层高度宽度自适应解决方法 |
您所在的位置：网站首页 › layuivue 弹出层表单 › layui的layer.open弹出层高度宽度自适应解决方法 |
layui的layer.open弹出层高度宽度自适应解决方法
|
文章目录
前言根据当前页面的宽度高度来改变layer弹窗的大小
前言
layer弹出窗口在弹出时指定了area，弹出后，如果当前页面的大小比弹出的窗口小，那么就会出现无法操作弹出窗口的情况。如图: 代码如下（示例）： function onclick() { //获取当前页面的高度 var height = $(document.body).height(); //获取当前页面的宽度 var width = $(document.body).width(); layer.open({ type:1, title:"消息提示", content:$("#listshow").html(), //通过当前页面的高度宽度调节弹窗的大小 area:[Number(width/2)+"px",Number(height*0.9)+"px"], btn:['关闭'], skin:'layui-layer-gray', yes:function (index,layero) { layer.close(index); } }) } |
当前页面的大小不足以展示整个弹窗的内容,只能将页面放大全屏才可以看到整个弹窗内容，对其操作。【本文地址】
今日新闻 |
推荐新闻 |